﻿.ScaleTextDiv {
    position: absolute;
    top: 0px;
    width: 38px;
    height: 100%;
    left: 0px;
}

.ScaleDiv {
    border-color: #000000;
    border-left-style: solid;
    border-left-width: 1px;
    width: 50px;
    position: absolute;
    top: 0px;
    left: 40px;
}

.TargetMarkerDiv {
    position: absolute;
    height: 465px;
    top: 0px;
    left: 51px;
    margin-left: 5px;
    margin-right: 1px;
}

.ThermoDiv {
    position: absolute;
    top: 0px;
    width: 45px;
    height: 465px;
    font-size: 0pt;
    left:56px;
}

.LineDiv {
    position: absolute;
    top: 0px;
    width: 10px;
    height: 465px;
    font-size: 0pt;
}

.LabelDiv {
    position: absolute;
    top: 0px;
    width: 300px;
    height: 465px;
    font-size: 0pt;
}

.ScaleText {
    font-family: Segoe UI;
    font-size: 8px;
    color: #000000;
    text-align: right;
    position: absolute;
    width: 100%;
    padding-right: 2px;
}

.UnitsText {
    font-family: Segoe UI;
    font-size: 8px;
    color: #000000;
    text-align: right;
    position: absolute;
    width: 100%;
}

.LongMarking {
    border-color: #000000;
    border-top-style: solid;
    border-top-width: 1px;
    width: 11px;
    position: absolute;
    font-size: 0pt;
}

.ShortMarking {
    border-color: #000000;
    border-top-style: solid;
    border-top-width: 1px;
    width: 2px;
    position: absolute;
    font-size: 0pt;
}

.TargetLineMarking {
    border-color: #000000;
    border-top-style: solid;
    border-top-width: 1px;
    width: 100%;
    height: 20px;
    position: absolute;
}

.TargetTextMarking {
    width: 100%;
    height: 20px;
    position: absolute;
    font-family: Segoe UI;
    font-size: 9px;
    color: #000000;
    text-align: center;
}

.ThermoOverFlowGreen {
    width: 53px;
    height: 28px;
    position: absolute;
    left: -5px;
    top: -16px;
    background-image: url('<%=WebResource("ServerControl1.green_arrow_v2.png")%>');
    background-repeat: no-repeat;
    font-size: 0pt;
}

.ThermoOverFlowGrey {
    width: 53px;
    height: 28px;
    position: absolute;
    left: -5px;
    top: -16px;
    background-image: url('<%=WebResource("ServerControl1.grey_arrow_v2.png")%>');
    background-repeat: no-repeat;
    font-size: 0pt;
}

.ThermoOverFlowBlue {
    width: 53px;
    height: 28px;
    position: absolute;
    left: -5px;
    top: -16px;
    background-image: url('<%=WebResource("ServerControl1.dark_blue_arrow_v2.png")%>');
    background-repeat: no-repeat;
    font-size: 0pt;
}

.ThermoTop {
    width: 34px;
    height: 13px;
    position: absolute;
    top: 0px;
    left: 4px;
    font-size: 0pt;
}

.ThermoTopCovered {
    width: 34px;
    height: 13px;
    position: absolute;
    top: 0px;
    left: 4px;
    background-image: url('<%=WebResource("ServerControl1.thermometer_cap.png")%>');
    font-size: 0pt;
}

.ThermoBase {
    width: 42px;
    height: 34px;
    position: absolute;
    left: 0px;
    background-image: url('<%=WebResource("ServerControl1.thermometer_base.png")%>');
    background-repeat: no-repeat;
    font-size: 0pt;
}

.BlueBar {
    width: 32px;
    height: 500px;
    position: absolute;
    left: 5px;
    background-image: url('<%=WebResource("ServerControl1.bar_dark-blue_slice.jpg")%>');
    background-repeat: repeat-y;
    font-size: 0pt;
}

.RedBar {
    width: 32px;
    position: absolute;
    left: 5px;
    background-image: url('<%=WebResource("ServerControl1.bar_red_slice.jpg")%>');
    background-repeat: repeat-y;
    font-size: 0pt;
}

.WhiteBar {
    width: 34px;
    position: absolute;
    left: 4px;
    background-image: url('<%=WebResource("ServerControl1.thermometer_middle-slice.jpg")%>');
    background-repeat: repeat-y;
    font-size: 0pt;
}

.GreenBar {
    width: 32px;
    position: absolute;
    left: 5px;
    background-image: url('<%=WebResource("ServerControl1.bar_green_slice.jpg")%>');
    background-repeat: repeat-y;
    font-size: 0pt;
}

.GreyBar {
    width: 32px;
    position: absolute;
    left: 5px;
    background-image: url('<%=WebResource("ServerControl1.bar_grey_slice.jpg")%>');
    background-repeat: repeat-y;
    font-size: 0pt;
}

.LabelTextMarking {
    width: 100%;
    height: 20px;
    position: absolute;
    font-family: Segoe UI;
    font-size: 9px;
    color: #000000;
    text-align: left;
    padding-left: 6px;
}

.LabelSubTextMarking {
    width: 100%;
    height: 15px;
    position: absolute;
    font-family: Segoe UI;
    font-size: 9px;
    color: #000000;
    text-align: left;
    padding-left: 6px;
}

.LabelLineMarking {
    border-color: #000000;
    border-top-style: solid;
    border-top-width: 1px;
    width: 134px;
    height: 40px;
    position: absolute;
}

.TopLabel {
    font-family: Segoe UI;
    font-size: 10pt;
    color: #000000;
    position: relative;
    left: 0px;
    width: 300px;
    text-align: left;
    margin: 2px;
}

.TopLabel2 {
    font-family: Segoe UI;
    font-size: 9pt;
    color: #000000;
    position: relative;
    text-align: left;
    left: 0px;
    width: 300px;
    margin: 2px;
}

.ThermoBox {
    position: relative;
    top: 30px;
    left: 10px;
    width: 300px;
}
